<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-07-03 14:35:48
 * @LastEditTime: 2019-11-05 10:51:57
 * @LastEditors: Please set LastEditors
 -->
<template>
  <div class="admin" id="admin">
      <div class="admin-container">
        <div class="header"><Top></Top></div>
        <div class="admin-main">

        </div>
      </div>
  </div>
</template>

<script lang='ts'>

import { Component, Provide, Vue } from 'vue-property-decorator'
import NavBar from '@c/NavBar.vue'
import Top from '@c/Top.vue'

@Component({
 components: {
   Top,
   NavBar
 } 
})
export default class Admin extends Vue {
  @Provide () pagename:string = 'admin'
}
</script>


<style lang="scss" scoped>
.admin {
  height: 100%;
  width: 100%;
  position: fixed;
  background: url('../../assets/images/gridbg_glow.png');
  .admin-container {
    width: 100vw;
    height: 100vh;
    flex-direction: row;
    height: 100%;
    .header {
      width: 100%;
    }
    .admin-main{
      width: 100%;
      padding: 0 20px;
      box-sizing: border-box;
      height: calc(100% - 60px);
    }
  }
}
  
</style>

